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‘ep By Step Java GUI With JDBC & MySQL: Practical approach to build... 


Aja Customize your view apter will give you brief and clear introduction about how to create 


Aa 


weonep application using Java GUI starting from how to setup your 
environments, create your first project, understand various control for your 
form, and understand how to interact with your form using event handling. 


1.1 Setup The 


Environments 


Before you start to create your application, you need to setup your 
environments first. There are two main tools you need to install in your 
computer which are Java Development Kit (IDK) and Integrated Development 
Environment Editor (IDE). Both of these tools will always needed when you 
develop application using Java. 


JDK is software package for programmer who want to develop application 
using Java. It’s a key platform component for building Java application. JDK 


28% of sample 
Step By Step Java GUI With JDBC & MySQL: Practical approach to build... 


numerous IDE editor which usually used by Java developers to create ther 
application such as Visual Studio Code, Eclipse, Notepad++, Netbeans, etc. In 
this book we will use NetBeans as IDE editor. 


Setup Your JDK 


Before you install JDK in your computer you need to download it first from 
Oracle official website. You can open this link below with your web browser: 


https://www.oracle.com/technetwork/java/javase/downloads/index.html 
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also comes with Java Runtime Environment (JRE) which consist of Java 
Virtual Machine (TVM) and all of the class libraries present in the production 
environment. These three Java technologies are needed to develop your Java 
application. It’s important to differentiate these three technologies as well as 
understanding how they are connected. Here are the brief distinction among 
these three technologies. 


Java“ Virtual|: Java platform component 
Machine that executes the code 


(JVM) 
Java Runtime]: On-disk part of Java that 
Environment | creates JVM 


(JRE) 

Java : Tool that allows developers 

Development to creat Java application that 

Kit (JDK) will be executed and run by 
JVM and JRE 


IDE editor is development tool which is used by developers to write their code. 
It’s like text editor where developers writes and edits their code. There are 


Identity,java x 


(Bours) Design History ie M QePeag -e 


* Creates new form Identity 


public Identity() { 
initComponents(); 
ibiName.setVisible ( ariag: false); 
abiAddress.setVisible( ariag: false); 
ibiPhone.setVisible ( ariag: false); 


* This method is called from within the constructor to initialize the form. 


* WA 


: Do NOT modify this code. The 


* regenerated by the Form Editor. 


@SuppressWarnings ("unchecked") 


Generated Code 


& 


D. 
1D 


content 


of this method is always 


Tried to show Identity with the text on the 3 JLabel by using the 
setVisible(false) passing the false Boolean value on the method so that it 
doesn’t show when the program is first run. 


Name: 


Address: 


z 
\ 


Name : Kondwani Simwanza 


Address : 16 avenue central street 


Phone : 0764837267 


| Show Identity 


I have started database programming with JDBC and MySQL at 1:05 AM 


on 1/20/2023. 


hs c:\wamp64\bin\mysq/\mysql5.7.36\bin\mysql.exe 


nter password: ********* 

welcome to the MySQL monitor. Commands end with ; or \g. 
our MySQL connection id is 2 

erver version: 5.7.36 MySQL Community Server (GPL) 


Copyright (c) 2000, 2021, Oracle and/or its affiliates. 
racle is a registered trademark of Oracle Corporation and/or its 


affiliates. Other names may be trademarks of their respective 
wners. 


ype ‘help;* or ‘\h' for help. Type ‘\c* to clear the current input 


nysql> 


statement. 
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Welcome to the MySQL monitor. Commands end with ; or \g. 
four MySQL connection id is 2 

Server version: 5.7.36 MySQL Community Server (GPL) 


Copyright (c) 2000, 2021, Oracle and/or its affiliates. 


Oracle is a registered trademark of Oracle Corporation and/or its 
affiliates. Other names may be trademarks of their respective 


owners. 
Type ‘help;* or ‘\h* for help. Type ‘\c* to clear the current input statement. 


mysql> create database library_db; 
Juery OK, 1 row affected (@.@9 sec) 


mysql> 


Commands to use the database. 


mysql> use library_db; 
Database changed 
mysql> 


mysql> use library_db; 

Database changed 

mysql> create table tbl_member(member_id varchar(1@) primary key, 
name varchar(5@), 
address varchar(5@), 
phone varchar(12)); 

Query OK, © rows affected (@.16 sec) 


create table tbl_book(book_id varchar(1@) primary key, 
title varchar(5@), 

author varchar(5@), 

publisher varchar(2@), 

year int, 

quantity int); 


| tb1_book 
| tbl_member 


2 rows in set (0.00 sec) 


mysql> 


ysql> desc tbl_book; 


book_id varchar(160) 

title varchar(5@) NULL 
author varchar(5@) NULL 
publisher varchar(20) NULL 
year int(11) NULL 
quantity int(11) 5 NULL 


6 rows in set (0.14 sec) 


nysgl> desc tbl_ member; 


member_id varchar(10) \ NULL 

name varchar(5@) NULL 

address varchar(5@) NULL 
varchar(12) 


rows in set 


mysql> select 


Hamzan Wadi Turida Barat 
Multazamar Jan Gerung 
Helmi Hardi 681234567890 


ysql> insert into tbl_book value(*BK@@1",*Java GUI with JDBC and MySQL", *Hamzan Wadi 
‘, Sparta Publishing’ ,2019,5); 
Query OK, 1 row affected (8.06 sec) 


ysql> insert into tbl_book value( ‘BK@@2", ‘Think PyQtS', Vivian siahaan‘*, ‘Sparta Pub 
ishing’ ,2019,5); 
Query OK, 1 row affected (0.06 sec) 


ysql> insert into tbl_book(book_id,title,publisher,author,year, quantity) value(‘BK®e 
63°,’ Database programming Using JDBC And MySQL;‘, ‘Sparta Publishing’, ‘Vivian Siahaan‘ 
,2010,10); 

Query OK, 1 row affected (6.05 sec) 


select * from tbl_book; 
+- - -------+--------------------------------------------+4+---------------- +------------------- +------ +---------- - 
author publisher sear quantity 
p--------- +-------------------------------------------- +---------------- +------------------- +------ +---------- + 
Java GUI with JDBC and MySQL Hamzan Wadi Sparta Publishing 
Think PyQtsS Vivian siahaan | Sparta Publishing 
Database programming Using JDBC And MySQL; Vivian Siahaan Sparta Publishing 


Adding the MySql connector/j to the java program been created. 


DATABASE CONNECTION WITH JDBC AND MYSQL 


| Connect To Database | 


— ima 


Adding mysql _ connector/j 


©) Project Properties - DatabaseConnection x 
Categories: 
2 Sources Java Platform: JDK 11 (Default) v Manage Platforms... 
oO L ibraries 
~ © Build Libraries Folder: Browse... 
2 Compiling 
2 Packaging Compile Processor Run CompileTests Run Tests 
2 Deployment ae Tare 
@ Documenting Compile-time Libraries: 
° Run Modulepath Edit 
° Application a th 
2 Web Start = - Remove 
es (& CAUsers\Oliver Twist\Desktop\Advanced practical programs\mysql-con 
® License Headers 
2 Formatting Move Up 
° Hints 7 
Move Down 


Compile-time libraries are propagated to all library categories. 


Build Dependencies 


Cancel Help 


v i) DatabaseConnection 
v [@ Source Packages 
v ® <defautt package> 
fe formKoneksi.java 
> @ databaseconnection 


Libraries 


> mysql-connector-java-8.0.30,jar 


> @&) JDK 11 (Default) 


Ate. 


DATA ¥SQL 


os Connection Successed | 


Lox J 


import java.sql.Connection; 
import java.sql.DriverManager; 


private void ConnectButtonActionPerformed(java.awt.event.ActionEvent 
evt) { 


// TODO add your handling code here: 


tryt{ 


String driver = "com.mysql.jdbc.Driver"; // Defining the jdbc 
driver for mysql 


String db = "jdbc:mysql://localhost/library db"; // acessing the 
library db 


String user = "root"; // database user; 


String password = "wszedxrfc"; // database password 


Class.forName(driver); 


Connection con = DriverManager.getConnection(db, user, 
password); 


if(con!= null){ 


javax.swing.JOptionPane.showMessageDialog(rootPane, " 
Connection Successed"); 


con.close(); 


}catch(Exception ex) { 


javax.swing.JOptionPane.showMessageDialog(rootPane," 


Connection Failed"); 


Start Page x [jj DatabaseConnection,java x [G3 formKoneksi.java x [jj DisplayBookDatajava x [5] BookFormjava x 
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Source 
© tableBook [JTable] - model x 


Set tableBook's model property using: | Table model customizer Vv 


Table Model 
Table Settings Default Values 


Specify Title and Column Types Here: 


Column Title Editable 
Book ID 
Title 
Author 
Publisher 
Year 
Quantity 


CSHCSHCSECSECSECS 


Columns: 6 


Reset to Default Cancel 


tableBook [JTable] - Properties x 
Properties Events Code 
Properties 

autoCreateColumnsFr |v’ 

autoCreateRowSorter 

background [ [255,255,255] 

border (No Border) 

font Segoe Ul 12 Plain 

foreground Bi (0,0,0) 


model |[TableModel] _|... 


toolTipText 


Other Properties 
UlClassID TableU 
alignmentX 0.5 
alignmentY 0.5 i 
autoResizeMode SUBSEQUE.. ~.... 
autoscrolls 
baselineResizeBehavio CONSTANT _A.. 
cellEditor <none> vi [. 


cellSelectionEnabled 


columnCount 6 es 
columnModel [TableColumnMod ... 
columnSelectionAllow 
componentPopupMei <none> Milas 
cursor Default Cur... ... 
debugGraphicsOption NO_CHAN... > ... 
doubleBuffered 

dragEnabled 

model e 


(javax.swing.table.TableModel) The model 
that is the source of the data for this view. 


Adding title on the headers JTable. Book ID, Title, Author, Publisher, 


Year, Quantity. 


6 columns and 4 rows. 


Per) 


sanendas 


LIST OF BOOKS IN ZIBSIP LIBRARY 


Display Book Data | 


I then added the mysql connector/j on the display book data project. 


Projects - NetBeansProje... x Services = 


> & Coordinate 
_~) Createlmage 
lly & DatabaseConnection 
.& Display Book Data 
v [i Source Packages 
» §® <default package> 
[es BookForm.java 


Libraries 


? |-connector-java-8.0.30.jar 
> IDRTTOeFeaT —— 


7) employees 
> & ImageTest 
> Se JavaProject2 
> & Showldentity 


I then need to add these codes 


|e BookForm.java » 
Source Design History Je Qaeyek P&B a2 @ Me _2 


import jav 


op ppp 


The Statements and ResultSet are used to access queries and display 
book data. 


private void 
DispalyButtonActionPerformed(java.awt.event.ActionEv 
ent evt) { 


// TODO add your handling code here: 


tryt 


String driver = "com.mysql.jdbc.Driver"; // JDBC driver for 
MySQL 


String db = "jdbc:mysql://localhost/library db"; //accessing the 
database 


String user = "root"; // username for database 


String password = "wszedxrfc"; //password for database 


Class.forName(driver); 


Connection con = DriverManager.getConnection(db, user, 
password); 


Statement stmt = con.createStatement(); // create the statement 
object 


String query = "SELECT * FROM tbl book"; // create the query 
ResultSet rs = stmt.executeQuery(query); // execute the query 


int index = 0; 


while(rs.next()) { 


// get data in each field 


String bookid = rs.getString("book id"); 
String title = rs.getString("title"); 

String author = rs.getString("author"); 
String publisher = rs.getString("publisher"); 
int year = rs.getInt("year"); 


int quantity = rs.getInt("quantity"); 


// display data in the table 
tableBook.getModel().setValueAt(bookid,index, 0); 
tableBook.getModel().setValueAt(title,index, 1); 
tableBook.getModel().setValueAt(author,index, 2); 
tableBook.getModel().setValueAt(publisher,index, 3); 


tableBook.getModel().setValueAt(Integer.toString(year),index, 
4); 


tableBook.getModel().setValueAt(Integer.toString(quan 
tity),index, 5); 


index ++; 


} 


// closing connections 
rs.close(); 
stmt.close(); 


con.close(); 


} 


catch(Exception ex){ 


javax.swing.JOptionPane.showMessageDialog(rootPane, 
ex.toString()); 


LIST OF BOOKS IN ZIBSIP LIBRARY 


Book ID | Title 


im_in = ImagelO. réad( input: Simz) ; 
im_in = convert_to grayscale(im in); 


f/ Equalization 
im_equ = equalization( -:c:im_in); 
“yJLabel jLabelKontras = null; . 
show i 1:jLabelKontras, i=:im_equ); 
show_brightness 


table: JtEqualizationBrigntness, im:im equ); 


} catch(Exception e){} 


Made so changes 


& 
oO 
x 


BOOKS DATA IN ZIBSIP COLLEDGE 


BookID | Title | Author | Publisher | Year | Quantity 


Author 


Publisher 


Quantity 


Add 


Then before I start coding I need to add the connector/j to the project 
libraries folder 


Projects - NetBeansProje... x Services a 


& BookData 
fj Source Packages 
 <default package> 
[es BookForm,java 


v & Libraries 


mysql-connector-java-8.0.30.jar 
@)) JDK 11 (Default) 


import java.sql.Connection; 

import java.sql.DriverManager; 

import java.sql.Statement; 

import java.sql.ResultSet; 

import java.swing.table.DefaultTableModel; 
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I getting this error when I try to insert data into the database plus the 
the constructor is not working cause it not diaplaying 
the data when I run the form 


Message x 


oe Operation not allowed for a result set of type ResultSet TYPE_FORWARD_ONLY. 


Lox J 


Statement stmt = con.createStatement(); 
String gi = “insert into userid values 
( ow +id+ " is ll +pwd+ = ow +fullname+ uf af +email+ "er ls 


> 


int x = stmt.executeUpdate(q1); 


I was having problems with how to write the query but I finally managed 
to add it by using 


“’ as shown on the snippet code. 


String query = "INSERT INTO 
tbl_ book(book id,title,author,publisher,year,quantity)V 
ALUES" + "('" +id+ '"','" +title+ "','" +author+ "',"" 
+publisher+ "','" +year+ "','" +quantity+ "')"; 


BOOKS DATA IN ZIBSIP COLLEDGE 


BookID | Title | Author | Publisher | Year | Quantity 


Book ID BK004 


Title Java for Dummies 


Author Joe Budden 


Publisher Sparta 


Year 2009 


I add the details like shown above then this got reflected in the database 
libray_db. 


Just inserted row 4 by clicking on the add button. 


The only problem I’m having is that the books are not showing in the 
database. 


Finally the data is been displayed on the JTable after I changed this code 


pos es SS a eee Sg mc oe ee a 


Davee 


Statement stmt = con.createStatement (ph; 
String query= LECT * FROM tbl _ book"; 
ResultSet rs = stmt.executeQuery ( string: query); 


To this one after I read some similar problems from : 
https://stackoverflow.com/questions/69715378/java-sql- 
sqlexception-operation-not-allowed-for-a-result-set-of- 
type-resultset 


Connection con = DriverManager.getConnection( uri: db,user,password); 


String query = * FROM tbl book"; 
ResultSet rs = stmt.executeQuery( string: query); 


Then I Add the connector/j to the memberData project source folder. 


wee eee 


 <default package> 
[es MemberForm.java 


v GF Libraries 
im mysql-connector-java-8.0.30,jar 
(@)) JDK 11 (Default) 

@&> Showldentity 


MEMBERS DATA OF ZIBSIP COLLEDGE LIBRARY 


Member ID 


MemberID | Name | Sex |Address | Phone 
APO001 Hamzan... Male Turida Ba... 07908698...| 
AP002 Multazam... Male Gerung 08123456...| 


AP003 Helmi Har... 


Male 08123456... Turida 


This is the list of books already in the tbl member table it is show when 
first run the program. I have already called a method in the constructor 
of the MemberForm 


public MemberForm() { 
initComponents(); 


DisplayData Qe 


Member ID 


Name 


Sex 


Address 


Phone 


Yudi Hardi 


| Female 


16 Ave Nkana east 


0764837267 


- Oo 
MEMBERS DATA OF ZIBSIP COLLEDGE LIBRARY 
MemberID | Name | Sex | Address | Phone 
AP001 Hamzan... Male Turida Ba... 07908698... 
| APOO2 Multazam... Male Gerung 08123456... 
AP003 Helmi Har... Male 08123456... Turida 
AP004 YudiHardi Female 16 Ave Nk... 07648372... 


Here I have added the data by clicking on the add button as you can see 
the data been added to the database. 


